// dark-theme.less

@import '~antd/lib/style/color/colorPalette.less';
@import '~antd/dist/antd.less';
@import '~antd/lib/style/themes/dark.less';

@primary-color: #00adb5;
@border-radius-base: 4px;

@component-background: #303030;
@body-background: #303030;
@popover-background: #303030;
@border-color-base: #6f6c6c;
@border-color-split: #424242;
@table-header-sort-active-bg: #424242;
@card-skeleton-bg: #424242;
@skeleton-color: #424242;
@table-header-sort-active-bg: #424242;

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: @body-background;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Tints the background of the selected item in the navigation sidebar with the primary color. */
.ant-menu-item-selected,
.dendron-ant-menu-submenu-selected > .ant-menu-submenu-title {
    background-color: fade(@primary-color, 5%);
}

/* Makes the header slightly lighter than the site background. */
.ant-layout-header {
  background-color: #3b3b3b;
}

a.private {
    color: sandybrown;
}
